<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<!--All the CSS-->
<link href="css/sugarcake.css" rel="stylesheet" type="text/css" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="scripts/scroller_/facescroll.js"></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/allfont.css" />
<link rel="stylesheet" type="text/css" href="css/nexus_menu/component.css" />
<link rel="stylesheet" type="text/css" href="css/nano_scroller/general.css" />
<link rel="stylesheet" type="text/css" href="css/popupwindow.css" />
<script type="text/javascript" src="scripts/scroller_/modernizr.custom.29473.js"></script>
<script type="text/javascript" src="scripts/scroller_/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/scroller_/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/popupwindow.js"></script>

<!--All the CSS-->
<title>Taggerzz - Collect.Connect.Tag and Share your Web-Data with Everyone and Any 'one'</title>
</head>
<body>
<div style="height:100%">
<div class="header_main">
  <div class="header_block">
    <div class="main_logo"><img src="imgs/taggerzz_logo_n.png" width="128" height="52" /></div>
    <div class="login_block">
      <div class="email_login_home"><a id="open-pop-up-1" href="#pop-up-1" class="link_email_login">CREATE</a></div>
      <!--<div class="social_links_blocks"> <a href="#">
        <div class="fb_btn_block"><img src="imgs/fb_login_img.png" width="28" height="34" style="vertical-align:bottom;" /></div>
        </a> <a href="#">
        <div class="gplus_btn_block"><img src="imgs/gplus_login_img.png" width="28" height="32" style="vertical-align:middle;" /></div>
        </a> </div>-->
    </div>
  </div>
</div>
<div class="main_container_search_block">
  <div class="container_search_block">
    <div class="search_title_box">Search</div>
    <div class="search_box_block">
      <input name="" type="text" class="search_box_props" />
    </div>
    <div class="block_search_n_menu">
      <div class="go_search_btn"><img src="imgs/go_search_btn.png" width="30" height="30" /></div>
      <!--<div class="cats_menu_block">
        <ul id="gn-menu" class="gn-menu-main">
          <li class="gn-trigger"> <a class="gn-icon gn-icon-menu"><span>Menu</span></a>
            <nav style="box-sizing: border-box;" class="gn-menu-wrapper  main_categories">
              <div class="gn-scroller">
                <ul class="gn-menu">
                  <li> <a class="gn-icon gn-icon-download">Entertainment</a>
                    <ul class="gn-submenu">
                      <li><a class="gn-icon gn-icon-illustrator">#NewRJD</a></li>
                      <li><a class="gn-icon gn-icon-photoshop">#Hollywoodgosips</a></li>
                    </ul>
                  </li>
                  <li><a class="gn-icon gn-icon-cog">Settings</a></li>
                  <ul class="gn-submenu">
                    <li><a class="gn-icon gn-icon-article">Articles</a></li>
                    <li><a class="gn-icon gn-icon-pictures">Images</a></li>
                    <li><a class="gn-icon gn-icon-videos">Videos</a></li>
                    <li><a class="gn-icon gn-icon-article">Articles</a></li>
                    <li><a class="gn-icon gn-icon-videos">Videos</a></li>
                    <li><a class="gn-icon gn-icon-article">Articles</a></li>
                    <li><a class="gn-icon gn-icon-pictures">Images</a></li>
                    <li><a class="gn-icon gn-icon-videos">Videos</a></li>
                  </ul>
                  <li><a class="gn-icon gn-icon-help">Help</a></li>
                  <li> <a class="gn-icon gn-icon-archive">Archives</a>
                    <ul class="gn-submenu">
                      <li><a class="gn-icon gn-icon-article">Articles</a></li>
                      <li><a class="gn-icon gn-icon-pictures">Images</a></li>
                      <li><a class="gn-icon gn-icon-videos">Videos</a></li>
                      <li><a class="gn-icon gn-icon-article">Articles</a></li>
                      <li><a class="gn-icon gn-icon-videos">Videos</a></li>
                      <li><a class="gn-icon gn-icon-article">Articles</a></li>
                      <li><a class="gn-icon gn-icon-pictures">Images</a></li>
                      <li><a class="gn-icon gn-icon-videos">Videos</a></li>
                    </ul>
                  </li>
                </ul>
              </div>
			  </nav>
			
          </li>
        </ul>
      </div>-->
    </div>
  </div>
</div>
<div class="body_main_container">
	<div class="body_middle_container">
		<div class="content_home_highlights">
			<div class="heading_highlights">
			<div class="heading_title_highlights">Highlights & Current affairs</div>
			<div class="wrap_text_links"><a href="#" class="link__post_n_vote">Post</a>&nbsp;|&nbsp;<a href="#" class="link__post_n_vote">Vote</a></div>
			</div>
			<ul id="list_highlights">
			<li>
			<div class="highlight_block">
			<div class="image_highlight"><img src="imgs/highlights_imgs/ebola_.jpg" width="257" height="234" /> </div>
			<div class="hashtag_highlights">#Ebola</div>
			<div class="block_down_details_highlights">
			<div class="sources_number_block" id="highlights_sources_number">18</div>
			<div class="highlights_listed_sources">Listed Sources</div>
			</div>
			</div>
			</li>
			<li>
			<div class="highlight_block">
			<div class="image_highlight"><img src="imgs/highlights_imgs/gaza_.jpg" width="257" height="234" /> </div>
			<div class="hashtag_highlights">#Gazastrip</div>
			<div class="block_down_details_highlights">
			<div class="sources_number_block" id="highlights_sources_number">180</div>
			<div class="highlights_listed_sources">Listed Sources</div>
			</div>
			</div>
			</li>
			<li>
			<div class="highlight_block">
			<div class="image_highlight"><img src="imgs/highlights_imgs/kannadapride_.jpg" width="257" height="234" /> </div>
			<div class="hashtag_highlights">#Indianglassgowwinners</div>
			<div class="block_down_details_highlights">
			<div class="sources_number_block" id="highlights_sources_number">15</div>
			<div class="highlights_listed_sources">Listed Sources</div>
			</div>
			</div>
			</li>
			</li>
			<li>
			<div class="highlight_block">
			<div class="image_highlight"><img src="imgs/highlights_imgs/mh370_.jpg" width="257" height="234" /> </div>
			<div class="hashtag_highlights">#MH370</div>
			<div class="block_down_details_highlights">
			<div class="sources_number_block" id="highlights_sources_number">25</div>
			<div class="highlights_listed_sources">Listed Sources</div>
			</div>
			</div>
			</li>
			</ul>
		</div>
		<!-- All the Public databoxes flow from here -->
		<div class="container_main_cats_">
			<div class="heading_public_boxes">
				<div class="heading_title_p_boxes">Public Databoxes</div>
			</div>
			<!--        <div class="container_public_boxes">-->
			<ul id="list_public_boxes">
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#100Consipiracies</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/conspiracy_.jpg" width="222" height="196" /></div>
					<div class="titleblock_public_databox">100 Conspiracies of 20th century century century</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">100</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#Glasgow2014</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/glassglow_.jpg" width="209" height="205" /></div>
					<div class="titleblock_public_databox">Everything happened in Glasgow 2014</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">56</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#MytumblerSpecials</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/tumblerspecials_.jpg" width="224" height="134" /></div>
					<div class="titleblock_public_databox">Sharing alll my Tumbler favorites and specials</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">99</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#Hackathontips</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/hackathon_.jpg" width="224" height="208" /></div>
					<div class="titleblock_public_databox">Hacking Tips for noobs and computer ill...</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">100</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
				</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#Mygags</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/awesomegags_.jpg" width="224" height="208" /></div>
					<div class="titleblock_public_databox">100 Awesome Gags and memes</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">70</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#comiccon_2013</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/comiccon_.jpg" width="224" height="208" /></div>
					<div class="titleblock_public_databox">Comic con 2013 for all your fun</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">85</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#100Consipiracies</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/conspiracy_.jpg" width="222" height="196" /></div>
					<div class="titleblock_public_databox">100 Conspiracies of 20th century century century</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">100</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
				</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#100Consipiracies</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/conspiracy_.jpg" width="222" height="196" /></div>
					<div class="titleblock_public_databox">100 Conspiracies of 20th century century century</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">100</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#100Consipiracies</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/conspiracy_.jpg" width="222" height="196" /></div>
					<div class="titleblock_public_databox">100 Conspiracies of 20th century century century</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">100</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#100Consipiracies</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/conspiracy_.jpg" width="222" height="196" /></div>
					<div class="titleblock_public_databox">100 Conspiracies of 20th century century century</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">100</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#100Consipiracies</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/conspiracy_.jpg" width="222" height="196" /></div>
					<div class="titleblock_public_databox">100 Conspiracies of 20th century century century</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">100</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
				<li>
					<div class="public_box_block">
					<!--lel-->
					<div class="hashtag_main_public_boxes">#100Consipiracies</div>
					<div class="image_block_publick_databox"><img src="imgs/imgs_public_boxes/conspiracy_.jpg" width="222" height="196" /></div>
					<div class="titleblock_public_databox">100 Conspiracies of 20th century century century</div>
					<div class="source_details_holder_public_databox">
					<div class="number_of_sources_public_databox">
					<div id="public_databoxes_sources_number">100</div>
					<div class="public_databox_listed_sources">Listed Sources</div>
					</div>
					</div>
					<!--lel-->
					</div>
				</li>
			</ul>
			</div>
		</div>
	</div>
</div>
</div>
<div class="clearfix"></div>
	<div class="footer_global">
	<div class="footer_context">Taggerz.&nbsp;&nbsp;&nbsp;&nbsp;  Privacy Policy&nbsp;&nbsp;|&nbsp;&nbsp;Copy rights&nbsp;&nbsp;|&nbsp;&nbsp;Disclaimer</div>
	</div>

<div id="pop-up-1" class="pop-up-display-content">
<h1 class="tg_users_title">Login Using one of your Social network</h1>
<div class="tg_users_socila_login">
	<img src="imgs/social_media/facebook.png"/>
	<img src="imgs/social_media/google+.png"/>
</div>
<div class="tg_users_email_login">
	<h1>Or</h1>
	<h1>Your email ID</h1>
	<div class="tg_create_email">
		<p>Email ID</p>
		<input type="text" class="text_pad" name="email" id="email"/>
		<p>Password</p>
		<input type="text" class="text_pad" name="pass" id="pass"/>
		<p class="tg_email_btn"><a href="user-login.html" class="btn">CONTINUE</a></p>
	</div>
</div>
</div>
</body>
</html>
	
<script src="scripts/menu_cats/classie.js"></script>
<script src="scripts/menu_cats/gnmenu.js"></script>
<script>
			new gnMenu( document.getElementById( 'gn-menu' ) );
		</script><script type="text/javascript">
	jQuery(function(){ // on page DOM load
		$('.container_main_cats_').alternateScroll();					
		$('.content_home_highlights').alternateScroll();
		//$('.main_categories').alternateScroll();
		$('#demo2').alternateScroll({ 'vertical-bar-class': 'styled-v-bar', 'hide-bars': false });	
	});
	
	$(document).ready(function () {
    //basic pop-up
    $('#open-pop-up-1').click(function(e) {
        e.preventDefault();
        $('#pop-up-1').popUpWindow({action: "open"});
    });
});
</script>
<!-----------JS Scripts----------->
<!--Redeclare these functionalities somewhere else-->